<template>
  <div>
    <div class="title">
      <el-row>
        <el-col :span="1" style="width: 50px;">
          <span style="color:#757575;">位置 : </span>
        </el-col>
        <el-col :span="20">
          <span class="textactive">简历模板</span>
        </el-col>
      </el-row>
    </div>
    <div class="posttable">
      <el-row type="flex" justify="center">
        <el-col :span="23">
          <el-col :lg="8" :xl="6">
            <el-row type="flex" justify="center">
              <el-col style="width: 340px;">
                <div class="box" @click="pfshow">
                  <p style="text-align: center;margin-top: 20px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                    人力资源池人才信息统计表</p>
                  <div style="width: 210px;margin: 0 auto;font-size: 12px;">
                    <span style="float: left;">应聘岗位 : </span>
                    <span style="float: right;">预计到岗时间 : </span>
                  </div>
                  <el-col>
                    <div class="list">
                      <ul>
                        <li style="width: 62px;"><span>姓名 :</span></li>
                        <li style="width: 62px;"><span>性别 :</span></li>
                        <li style="width: 98px;"><span>出生日期 :</span></li>
                        <li style="width: 61px;"><span>婚姻状况 :</span></li>
                      </ul>
                      <ul>
                        <li style="width: 125px;"><span>电子邮箱 :</span></li>
                        <li style="width: 76px;"><span>手机 :</span></li>
                        <li style="width: 83px;"><span>开始工作时间 :</span></li>
                      </ul>
                      <ul>
                        <li style="width: 56px;"><span style="width: 125%;">最高学历 :</span></li>
                        <li style="width: 55px;"><span style="width: 127%;">是否全日制 :</span></li>
                        <li style="width: 86px;"><span>毕业院校 :</span></li>
                        <li style="width: 86px;"><span>专业 :</span></li>
                      </ul>
                      <ul>
                        <li style="width: 100%;height: 70px;"><span>专业技能 :</span></li>
                      </ul>
                      <ul>
                        <li style="width: 100%;height: 18px;"><span>职业资格证明 :</span></li>
                      </ul>
                      <ul>
                        <li class="line" style="width: 15px;height: 65px;line-height: 1;text-indent: 0;">
                          <span>工作经历</span>
                        </li>
                        <li style="width: 270px;height: 65px;"></li>
                      </ul>
                      <ul>
                        <li class="line" style="width: 15px;height: 65px;line-height: 1;text-indent: 0;">
                          <span>项目经历</span>
                        </li>
                        <li style="width: 270px;height: 65px;"></li>
                      </ul>
                    </div>
                  </el-col>
                  <div class="bottom">
                    <p>浦发信用卡</p>
                  </div>
                </div>
              </el-col>
            </el-row>
          
          </el-col>
          
          <el-col :lg="8" :xl="6">
            <el-row type="flex" justify="center">
              <el-col style="width: 340px;">
                <div class="box" @click="gjseshow">
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Personal Profile</p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 96px;"><span>Name :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span>Gender :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span>Citizenship :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span>Require Work Visa :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span>Notice Period :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                      
                      </div>
                    </el-col>
                  </el-row>
                  
                  
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Education</p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 96px;"><span>Year</span></li>
                          <li style="width: 175px;">University/School</li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span></span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                      </div>
                    </el-col>
                  </el-row>
                  
                  
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Skills</p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 96px;"><span>Language :</span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;height: 32px;"><span style="line-height: 9px;">Technical/Soft Skill &  Domain :</span></li>
                          <li style="width: 175px;height: 32px;"></li>
                        </ul>
                      </div>
                    </el-col>
                  </el-row>
                  
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Working Experience : </p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 250px;"></li>
                          <li style="width: 20px;"></li>
                        </ul>
                      </div>
                    </el-col>
                  </el-row>
                  
                  
                  <div class="bottom">
                    <p>港交所英文简历</p>
                  </div>
                </div>
              </el-col>
            </el-row>
          </el-col>
          
          
          <el-col :lg="8" :xl="6">
            <el-row type="flex" justify="center">
              <el-col style="width: 340px;">
                <div class="box" @click="gjszshow">
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        <span style="width: 100%;">Personal Profile</span>
                      </p>
                      <p style="text-align: left;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        <span style="width: 100%;">   <span style="width: 100%;">个人信息摘要</span></span>
                      </p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;width: 100%;line-height: 14px;">Name : </span>
                            <span style="float: left;width: 100%;line-height: 14px;">姓名 :</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;width: 100%;line-height: 14px;">Gender : </span>
                            <span style="float: left;width: 100%;line-height: 14px;">性别 :</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;line-height: 14px;">Citizenship : </span>
                            <span style="float: left;line-height: 14px;">国籍/公民身份 :</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;width: 122%;line-height: 14px;">Require Work Visa :</span>
                            <span style="float: left;width: 100%;line-height: 14px;">要求工作签证  :</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;"></li>
                        </ul>
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;line-height: 14px;">Notice Period :</span>
                            <span style="float: left;width: 122px;line-height: 14px;">通知期限/到岗时间 :</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;"></li>
                        </ul>
                      
                      </div>
                    </el-col>
                  </el-row>
                  
                  
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Education</p>
                      <p style="text-align: left;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        教育经历</p>
                    </div>
                    <el-col>
                      <div class="list gjs">
                        <ul>
                          <li style="width: 96px;height: 28px!important;">
                            <span style="float: left;width: 100%;line-height: 14px;">Year</span>
                            <span style="float: left;width: 100%;line-height: 14px;">起止时间</span>
                          </li>
                          <li style="width: 175px;height: 28px!important;">
                            <span style="float: left;width: 100%;line-height: 14px;">University/School</span>
                            <span style="float: left;width: 100%;line-height: 14px;">专业/学校</span>
                          </li>
                        </ul>
                        <ul>
                          <li style="width: 96px;"><span></span></li>
                          <li style="width: 175px;"></li>
                        </ul>
                      </div>
                    </el-col>
                  </el-row>
                  
                  
                  <el-row>
                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        Skills</p>
                      <p style="text-align: left;color: #3c3c3c;font-size: 12px;font-weight: 700;">
                        专业要求</p>
                    </div>
                    <!--                    <el-col>-->
                    <!--                      <div class="list gjs">-->
                    <!--                        <ul>-->
                    <!--                          <li style="width: 96px;">-->
                    <!--                            <span style="float: left;line-height: 1;">University/School</span>-->
                    <!--                            <span style="float: left;line-height: 1;">Language :</span>-->
                    <!--                            <span style="float: left;line-height: 1;">语言 :</span>-->
                    <!--                          </li>-->
                    <!--                          <li style="width: 175px;"></li>-->
                    <!--                        </ul>-->
                    <!--                        <ul>-->
                    <!--                          <li style="width: 96px;height: 30px!important;">-->
                    <!--                            <span style="float: left;line-height: 1;">Technical/Soft Skill &  Domain :</span>-->
                    <!--                            <span style="float: left;line-height: 1;">学术领域/个人特征&专业范围 : </span>-->
                    <!--                          </li>-->
                    <!--                          <li style="width: 175px;height: 30px!important;"></li>-->
                    <!--                        </ul>-->
                    <!--                      </div>-->
                    <!--                    </el-col>-->
                  </el-row>
                  
                  <!--                  <el-row>-->
                  <!--                    <div style="width: 265px;margin: 0 auto;font-size: 12px;">-->
                  <!--                      <p style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 12px;font-weight: 700;">-->
                  <!--                        工作经验 : </p>-->
                  <!--                    </div>-->
                  <!--                    <el-col>-->
                  <!--                      <div class="list gjs">-->
                  <!--                        <ul>-->
                  <!--                          <li style="width: 250px;"></li>-->
                  <!--                          <li style="width: 20px;"></li>-->
                  <!--                        </ul>-->
                  <!--                      </div>-->
                  <!--                    </el-col>-->
                  <!--                  </el-row>-->
                  
                  
                  <div class="bottom">
                    <p>港交所中文简历</p>
                  </div>
                </div>
              </el-col>
            </el-row>
          </el-col>
          
          <el-col :lg="8" :xl="6">
            <el-row type="flex" justify="center">
              <el-col style="width: 340px;">
                <div class="box" @click="commonshow">
                  
                  <el-row style="background-color: #fff;">
                    <div style="width: 308px;margin: 0 auto;font-size: 12px;">
                      <p style="text-align: left;margin-top: 15px;color: #333;font-size: 12px;font-weight: 700;">
                        姓名</p>
                      <p style="text-align: left;color: #333;font-size: 8px;font-weight: 700;margin-top: 5px;"
                         class="text">
                        性别 年龄(出生日期) 工作经验 学历 </p>
                      <p style="text-align: left;color: #333;font-size: 8px;font-weight: 700;" class="text">
                        技能 : </p>
                      <p style="text-align: left;color: #333;font-size: 8px;font-weight: 700;" class="text">
                        手机 : </p>
                      <p style="text-align: left;color: #333;font-size: 8px;font-weight: 700;" class="text">
                        E-mail : </p>
                    </div>
                    
                    <el-col style="height: 12px;line-height: 12px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">求职意向</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    <el-col style="margin-left: 30px;font-size: 8px;">
                      <el-col><span style="font-size: 8px;" class="text">期望工作地区 : </span></el-col>
                      <el-col><span style="font-size: 8px;"  class="text">目前状况 : </span></el-col>
                      <el-col><span style="font-size: 8px;" class="text">期望工作性质 : </span></el-col>
                      <el-col><span style="font-size: 8px;" class="text">期望从事职业 : </span></el-col>
                      <el-col><span style="font-size: 8px;" class="text">期望从事行业 : </span></el-col>
                    </el-col>
                    
                    <el-col style="height: 12px;line-height: 12px;;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">自我评价</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    
                    <el-col style="height: 12px;line-height: 12px;margin-top: 32px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;">工作经历</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    
                    <el-col style="height: 12px;line-height: 12px;margin-top: 18px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">教育经历</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    <el-col style="height: 12px;line-height: 12px;margin-top: 14px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 22px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">证书</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 267px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    
                    
                    <el-col style="height: 12px;line-height: 12px;margin-top: 15px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">语言能力</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    
                    </el-col>
                    <el-col style="height: 12px;line-height: 12px;margin-top: 22px;">
                      <div style="margin: 0 auto;width: 295px;">
                        <div style="background-color: #dbdbdb;width: 40px;font-size: 8px;float: left;">
                          <span class="text" style="padding-left: 5px;font-size: 8px;">专业技能</span>
                        </div>
                        <div
                          style="background-color: #d9d9d9;width: 250px;height: 12px;float: left;margin-left: 5px;"></div>
                      </div>
                    </el-col>
                  </el-row>
                  <div class="bottom">
                    <p>通用简历</p>
                  </div>
                </div>
              </el-col>
            </el-row>
          </el-col>
        
        </el-col>
      </el-row>
    </div>
    
    <el-dialog
      title=""
      :visible.sync="dialogVisible"
      width="800px"
      class="modulebox"
      :before-close="handleClose">
      
      <p style="text-align: center;margin-top: 20px;color: #3c3c3c;font-size: 28px;font-weight: 700;">
        人力资源池人才信息统计表</p>
      <div style="width: 540px;margin: 0 auto;font-size: 20px;margin-bottom: 12px;margin-top: 12px;overflow: hidden;">
        <span style="float: left;">应聘岗位 : </span>
        <span style="float: right;">预计到岗时间 : </span>
      </div>
      <el-col>
        <div class="list1">
          <ul>
            <li style="width: 162px;"><span>姓名 :</span></li>
            <li style="width: 162px;"><span>性别 :</span></li>
            <li style="width: 258px;"><span>出生日期 :</span></li>
            <li style="width: 157px;"><span>婚姻状况 :</span></li>
          </ul>
          <ul>
            <li style="width:325px;"><span>电子邮箱 :</span></li>
            <li style="width:197px;"><span>手机 :</span></li>
            <li style="width:218px;"><span>开始工作时间 :</span></li>
          </ul>
          <ul>
            <li style="width: 149px;"><span>最高学历 :</span></li>
            <li style="width: 146px;"><span>是否全日制 :</span></li>
            <li style="width: 226px;"><span>毕业院校 :</span></li>
            <li style="width: 218px;"><span>专业 :</span></li>
          </ul>
          <ul>
            <li style="width: 100%;height: 182px;"><span>专业技能 :</span></li>
          </ul>
          <ul>
            <li style="width: 100%;height: 45px;"><span>职业资格证明 :</span></li>
          </ul>
          <ul>
            <li class="line1" style="width: 45px;height: 167px;line-height: 1;text-indent: 0;">
              <span>工作经历</span>
            </li>
            <li style="width: 696px;height: 167px;"></li>
          </ul>
          <ul>
            <li class="line1" style="width: 45px;height: 171px;line-height: 1;text-indent: 0;">
              <span>项目经历</span>
            </li>
            <li style="width: 696px;height: 171px;"></li>
          </ul>
        </div>
      </el-col>
    </el-dialog>
    <el-dialog
      title=""
      :visible.sync="dialogVisible1"
      width="800px"
      class="modulebox"
      :before-close="handleClose1">
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Personal Profile</p>
        </div>
        <el-col>
          <div class="list gisb">
            <ul>
              <li style="width: 196px;">Name :</li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 196px;">Gender :</li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 196px;">Citizenship :</li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 196px;">Require Work Visa :</li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 196px;">Notice Period :</li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Education</p>
        </div>
        <el-col>
          <div class="list gisb">
            <ul>
              <li style="width: 196px;">Year</li>
              <li style="width: 563px;">University/School</li>
            </ul>
            <ul>
              <li style="width: 196px;"></li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;font-size: 12px;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Skills</p>
        </div>
        <el-col>
          <div class="list gisb">
            <ul>
              <li style="width: 196px;">Language :</li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;line-height: 25px;padding-left: 10px;text-indent: 0;">Technical/Soft Skill &
                Domain :
              </li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;font-size: 12px;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Working Experience : </p>
        </div>
        <el-col>
          <div class="list gisb">
            <ul>
              <li style="width: 600px;"></li>
              <li style="width: 159px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
    </el-dialog>
    
    <el-dialog
      title=""
      :visible.sync="dialogVisible2"
      width="800px"
      class="modulebox"
      :before-close="handleClose2">
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Personal Profile</p>
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            个人信息摘要</p>
        </div>
        <el-col>
          <div class="list gisc">
            <ul>
              <li style="width: 186px;">
                <span>Name : </span>
                <span>姓名 : </span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;">
                <span>Gender :</span>
                <span>性别 :</span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;">
                <span>Citizenship :</span>
                <span>国籍/公民身份  :</span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;">
                <span>Require Work Visa : </span>
                <span>要求工作签证 : </span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;">
                <span>Notice Period : </span>
                <span>通知期限/到岗时间 : </span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Education</p>
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            教育经历</p>
        </div>
        <el-col>
          <div class="list gisc">
            <ul>
              <li style="width: 186px;">
                <span>Year</span>
                <span>起止时间</span>
              </li>
              <li style="width: 563px;">
                <span style="padding-left: 10px;">University/School</span>
                <span style="padding-left: 10px;">专业/学校</span>
              </li>
            </ul>
            <ul>
              <li style="width: 186px;"></li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;font-size: 12px;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Skills</p>
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            专业要求</p>
        </div>
        <el-col>
          <div class="list gisc">
            <ul>
              <li style="width: 186px;">
                <span>Language :</span>
                <span>语言 :</span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
            <ul>
              <li style="width: 186px;line-height: 25px;padding-left: 10px;text-indent: 0;">
                <span style="font-size: 12px!important;webkit-transform: scale(1.0);">Technical/Soft Skill &  Domain :</span>
                <span style="font-size: 12px!important;webkit-transform: scale(1.0);">学术领域/个人特征&专业范围 :</span>
              </li>
              <li style="width: 563px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
      
      <el-row>
        <div style="width: 740px;margin: 0 auto;font-size: 12px;">
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            Working Experience : </p>
          <p
            style="text-align: left;margin-top: 15px;color: #3c3c3c;font-size: 18px;font-weight: 700;margin-bottom: 10px;">
            工作经验 : </p>
        </div>
        <el-col>
          <div class="list gisc">
            <ul>
              <li style="width: 600px;padding-left: 0;"></li>
              <li style="width: 159px;"></li>
            </ul>
          </div>
        </el-col>
      </el-row>
    </el-dialog>
    <el-dialog
      title=""
      :visible.sync="dialogVisible3"
      width="800px"
      class="modulebox"
      :before-close="handleClose3">
  
      <el-row style="background-color: #fff;">
        <div style="width: 740px;margin: 0 auto;font-size: 12px;">
          <p style="text-align: left;margin-top: 15px;color: #333;font-size: 16px;font-weight: 700;">
            姓名</p>
          <p style="text-align: left;color: #333;font-size: 14px;margin-top: 5px;">
            性别 年龄(出生日期) 工作经验 学历 </p>
          <p style="text-align: left;color: #333;font-size: 14px;">
            技能 : </p>
          <p style="text-align: left;color: #333;font-size: 14px;">
            手机 : </p>
          <p style="text-align: left;color: #333;font-size: 14px;">
            E-mail : </p>
        </div>
    
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              求职意向
            </div>
            <div style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;">
            </div>
          </div>
        </el-col>
        <el-col style="font-size: 16px;margin-left: 20px;margin-top: 10px;">
            <el-col><span>期望工作地区 : </span></el-col>
            <el-col><span>目前状况 : </span></el-col>
            <el-col><span>期望工作性质 : </span></el-col>
            <el-col><span>期望从事职业 : </span></el-col>
            <el-col><span>期望从事行业 : </span></el-col>
        </el-col>
  
        <el-col style="height: 45px;line-height: 45px;margin-top: 15px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              自我评价
            </div>
            <div
              style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
  
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              工作经历
            </div>
            <div
              style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
        
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              教育经历
            </div>
            <div
              style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
        
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 60px;font-size: 20px;text-align: center;float: left;color: #000;">
              证书
            </div>
            <div
              style="background-color: #d9d9d9;width: 670px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
        
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              语言能力
            </div>
            <div
              style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
        
        <el-col style="height: 45px;line-height: 45px;margin-top: 30px;">
          <div style="margin: 0 auto;width: 740px;">
            <div style="background-color: #dbdbdb;width: 120px;font-size: 20px;text-align: center;float: left;color: #000;">
              专业技能
            </div>
            <div
              style="background-color: #d9d9d9;width: 610px;height: 45px;float: left;margin-left: 10px;"></div>
          </div>
  
        </el-col>
        
      </el-row>
    </el-dialog>
  
  </div>
</template>

<script>
  export default {
    name: "templatemanage",
    data() {
      return {
        dialogVisible: false,
        dialogVisible1: false,
        dialogVisible2: false,
        dialogVisible3: false,
      }
    },
    created() {
    },
    methods: {
      pfshow() {
        this.dialogVisible = true;
        document.documentElement.style.overflow = 'hidden';
      },
      gjseshow() {
        this.dialogVisible1 = true;
        document.documentElement.style.overflow = 'hidden';
      },
      gjszshow() {
        this.dialogVisible2 = true;
        document.documentElement.style.overflow = 'hidden';
      },
      commonshow() {
        this.dialogVisible3 = true;
        document.documentElement.style.overflow = 'hidden';
      },
      handleClose() {
        this.dialogVisible = false;
        document.documentElement.style.overflow = 'auto';
      },
      handleClose1() {
        this.dialogVisible1 = false;
        document.documentElement.style.overflow = 'auto';
      },
      handleClose2() {
        this.dialogVisible2 = false;
        document.documentElement.style.overflow = 'auto';
      },
      handleClose3() {
        this.dialogVisible3 = false;
        document.documentElement.style.overflow = 'auto';
      },
    }
  }
</script>

<style scoped>
  .title {
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  
  .textactive {
    color: #1099ff;
  }
  
  .posttable {
    min-height: 700px;
    background-color: #fff;
  }
  
  .box {
    width: 340px;
    height: 390px;
    background-color: #fafdfc;
    border: 1px solid #ccc;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
  
  .list {
    width: 286px;
    margin: 0 auto;
    font-size: 12px;
    border: 1px solid #ccc;
    overflow: hidden;
    height: 275px;
    background-color: #fff;
  }
  
  
  .list ul {
    overflow: hidden;
  }
  
  .list ul li {
    height: 18px;
    line-height: 18px;
    font-size: 8px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-indent: 3px;
    color: #757575;
  }
  
  .list ul li span {
    font-size: 8px !important;
    -moz-transform: scale(1.0) !important;
  }
  
  .list ul li span {
    /*width: 128%;*/
    display: inline-block;
    font-size: 12px;
    -webkit-transform-origin-x: 0;
    -moz--transform-origin-x: 0;
    -webkit-transform: scale(0.67);
  }
  
  .list ul li:nth-last-child(1) {
    border-right: none;
  }
  
  .line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .line1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .line1 span {
    width: 50%;
    height: 50%;
    margin-left: 5px;
  }
  
  .line span {
    margin-left: 4px;
  }
  
  .bottom {
    /*margin-top: 20px;*/
    background-color: #f6f6f6;
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
  }
  
  .gjs {
    width: 272px !important;
    height: 100% !important;
    margin-top: 4px;
    border-bottom: none;
  }
  
  .gjs ul li {
    height: 18px !important;
    line-height: 18px !important;
  }
  
  .text {
    width: 128%;
    display: inline-block;
    font-size: 12px;
    -webkit-transform-origin-x: 0;
    -moz--transform-origin-x: 0;
    -webkit-transform: scale(0.67);
    -moz-transform: scale(1.0);
  }
  
  .list1 {
    width: 742px;
    margin: 0 auto;
    font-size: 18px;
    border: 1px solid #ccc;
    overflow: hidden;
    height: 716px;
    background-color: #fff;
    border-bottom: none;
  }
  
  .list1 ul li {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-indent: 10px;
    color: #333;
  }
  
  .list1 ul li:nth-last-child(1) {
    border-right: none;
  }
  
  .gisb {
    width: 100%;
    height: 100%;
    border-bottom: none;
    overflow: hidden;
  }
  
  .gisb ul li {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    text-indent: 10px;
  }
  
  .gisc {
    width: 100%;
    height: 100%;
    border-bottom: none;
    overflow: hidden;
  }
  
  .gisc ul li {
    height: 48px;
    line-height: 25px;
    padding-left: 10px;
    text-indent: 0;
  }

  .gisc ul li span{
    width: 100%;
    font-size: 18px!important;
    line-height: 20px;
  }
  .gisc ul li:nth-last-child(1){
    padding-left: 0;
  }
</style>
